
<div class="container">
  <div class="row main">
    <div class="col-xs-12 col-sm-9 col-md-10 col-sm-push-3 col-md-push-2 pd-no m-right">
      <header class="pc-header">
        <img src="../../assets/image_logo.png">
      </header>
      <header class="mb-header header-green" >
        <a class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button" (click)="openSilder()">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
        <div class="headline">
          优儿学堂
        </div>
      </header>


      <div class="content">
        <router-outlet></router-outlet>
      </div>

      <a class="btn-help float-btn" [routerLink]="['/faq/1']"></a>
    </div>

    &lt;!&ndash;silder&ndash;&gt;
    <div class="col-xs-12 col-sm-3 col-md-2 col-sm-pull-9 col-md-pull-10 pd-no m-left silder-content {{menuStatus ? 'active' : ''}}" (click)="colsedSilder()">
      <div class="col-xs-7 col-sm-12 sildebar">
        <div class="silde-header ">
          <div class="banner"></div>
        </div>
        <div class="silde-content">
          <div class="float-block">
            <img src="{{member.picUrl}}" class="img-head">
            <p>{{member.phone}}</p>
          </div>
        </div>
        <ul class="silde-menu-list">
          <li>
            <a href="" [routerLink]="['/cardlist']" class="menu"><span class="icon icon-child"></span>我的孩子</a>
          </li>
          <li>
            <a href="" [routerLink]="['/faq/0']" class="menu"><span class="icon icon-faq"></span>常见问题</a>
          </li>
        </ul>
      </div>
    </div>
    &lt;!&ndash;silder end&ndash;&gt;

  </div>
</div>


<!--
<div class="container">
  <app-card></app-card>
</div>
-->

